{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
        <title>天算星座-卫星大数据平台</title>
        <style type="text/css">
            html {
                height: 100%
            }

            body {
                height: 100%;
                margin: 0;
                padding: 0
            }

            #map {
                width: 100%;
                height: 100%;
                overflow: hidden;
                margin: 0;
                font-family: "微软雅黑";
            }

            .clickable {
                cursor: pointer; /* 当鼠标悬浮时，光标变成手指形状 */
            }
        </style>
        <script type="text/javascript"
                src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=b07Txardz712vRTFjDaBbPEmzOynEzOR"></script>
        <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}"/>
        <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.css' %}">
        <link rel="stylesheet" href="{% static 'plugins/bootstrap-datepicker/css/bootstrap-datepicker.css' %}">
        <link rel="stylesheet" href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.css' %}">
        <link rel="stylesheet" href="{% static 'css/app.css' %}"/>

        <script src="{% static 'js/Cesium.js' %}"></script>
        <script src="{% static 'js/searchMap.js' %}"></script>
        <script src="{% static 'js/fingerprint2.min.js' %}"></script>
        <script src="{% static 'js/terraformer.js' %}"></script>
        <script src="{% static 'js/terraformer-wkt-parser.js' %}"></script>
        <script src="{% static 'js/plot3d.js' %}"></script>
        <script src="{% static 'js/config_dev.js' %}"></script>
        <script src="{% static 'js/config_prod.js' %}"></script>
        <script type="text/javascript" src="{% static 'js/manifest.js' %}"></script>
        <script type="text/javascript" src="{% static 'js/vendor.js' %}"></script>
        <script type="text/javascript" src="{% static 'js/app.js' %}"></script>
        <script type="text/javascript" src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
        <script src="{% static 'js/choosedate.js' %}"></script>
        <script src="{% static 'js/index.js' %}"></script>
        <script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.js' %}"></script>
        <script src="{% static 'plugins/bootstrap-datepicker/js/bootstrap-datepicker.js' %}"></script>
        <script src="{% static 'plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js' %}"></script>

        <script src="{% static 'sdk/sdk.js' %}"></script>
        <link rel="stylesheet" href="{% static 'sdk/sdk.css' %}"/>
        <link rel="stylesheet" href="{% static 'sdk/helper.css' %}"/>

    </head>
    <body>
        <div id="map"></div>
        <!--header-->
        <div data-v-d1db20f6="" data-v-258a4cb6="" class="logo-menu">
            <div data-v-d1db20f6="" class="logo-wrap clearfix">
                <div data-v-d1db20f6="" class="logo-img fl">
                    <img data-v-d1db20f6=""
                         src=""
                         alt="">
                </div>
                <div data-v-d1db20f6="" class="logo-title fl">
				<span data-v-d1db20f6="">
						天算星座-卫星大数据平台
				</span>
                </div>
            </div>
            <div data-v-d1db20f6="" class="menu-dialog" style="display: none;">
                <i data-v-d1db20f6="" class="close-icon el-icon-close">
                </i>
                <div data-v-d1db20f6="" class="menu-img">
                    <img data-v-d1db20f6=""
                         src=""
                         alt="">
                </div>
            </div>
        </div>
        <!--left-->
        <div data-v-37c16eed="" data-v-258a4cb6="" class="header-wrap headerGradient">
            <div data-v-37c16eed="" class="header">
                <div data-v-37c16eed="" class="fr header-content" style="width:100px;">
				<span data-v-37c16eed="" class="avartar">
					<i data-v-37c16eed="" class="icon iconfont icontouxiang">
					</i>
				</span>
                </div>
                <div data-v-37c16eed="" class="fr home-wrap">
                    <div data-v-37c16eed="" class="to-index">
                        <a href="https://www.bupt.edu.cn/" style="color: white;">
                            北京邮电大学
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div data-v-258a4cb6="" id="left">
            <div data-v-258a4cb6="" class="conditions-retrieval leftZore">
            </div>
            <div data-v-258a4cb6="" class="conditions-text leftZoreText" id="search_btn">
                数据检索
            </div>
            {#		<div data-v-258a4cb6="" class="precise-query leftZore1">#}
            {#			<div data-v-258a4cb6="" class="Parallelogram">#}
            {#			</div>#}
            {#		</div>#}
            {#		<div data-v-258a4cb6="" class="precise-text leftZoreText" id="solve">#}
            {#			智能解译#}
            {#		</div>#}
            <div data-v-258a4cb6="" class="switch-text leftZoreBtn" onclick="moveShapes()">
                <i data-v-258a4cb6="" class="el-icon-arrow-up clickable"></i>
            </div>
        </div>
        <!--search set style="display: none;"-->
        <div data-v-258a4cb6="" id="search_right" class="clickable" style="display: none">
            <div data-v-258a4cb6="" class="conditions-retrieval"></div>
            <div data-v-258a4cb6="" class="conditions-text">
                数据检索
            </div>
            <div data-v-258a4cb6="" class="switch-text" onclick="moveShapes()">
                <i data-v-258a4cb6="" class="el-icon-arrow-down clickable"></i>
            </div>
        </div>
        {#        <div data-v-5855f98c="" id="search_set" data-v-258a4cb6="" class="panel_wrap" style="display: none">#}
        {#            <form id="myForm" novalidate>                                                       {#  #}
        {#            {% csrf_token %}#}
        {#            <div data-v-132f128f="" data-v-5855f98c="" class="region_content">#}
        {#                <div data-v-132f128f="" class="el-tabs el-tabs--top">#}
        {#                    <div class="el-tabs__header is-top">#}
        {#                        <div class="el-tabs__nav-wrap is-top">#}
        {#                            <div class="el-tabs__nav-scroll">#}
        {#                                <div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">#}
        {#                                    <div class="el-tabs__active-bar is-top" style="width: 40px; transform: translateX(0px);">#}
        {#                                    </div>#}
        {#                                    <div id="tab-first" aria-controls="pane-first" role="tab" aria-selected="true"#}
        {#                                    tabindex="0" class="el-tabs__item is-top is-active">#}
        {#                                        自定义检索#}
        {#                                    </div>#}
        {#                                </div>#}
        {#                            </div>#}
        {#                        </div>#}
        {#                    </div>#}
        {#                    <div class="el-tabs__content">#}
        {#                        <div data-v-5855f98c="" class="list date-wrap">#}
        {#                            <div data-v-5855f98c="" class="datepicker-scope el-date-editor el-range-editor el-input__inner el-date-editor--datetimerange" rightcurrentmonth="true">#}
        {#                                <i class="el-input__icon el-range__icon el-icon-time">#}
        {#                                </i>#}
        {#                                <input type="text" autocomplete="off" id="startdate" placeholder="开始日期" name="startdate" class="el-range-input">#}
        {#                                <span class="el-range-separator">#}
        {#                                    -#}
        {#                                </span>#}
        {#                                <input type="text" autocomplete="off" id="enddate" placeholder="结束日期" name="enddate" class="el-range-input">#}
        {#                                <i class="el-input__icon el-range__close-icon">#}
        {#                                </i>#}
        {#                            </div>#}
        {#                        </div>#}
        {#                        <br>#}
        {#                        <div data-v-132f128f="" role="tabpanel" id="pane-first" aria-labelledby="tab-first" class="el-tab-pane">#}
        {#                            <div data-v-132f128f="" class="select_wrap">#}
        {#                                <div data-v-132f128f="" class="select_content">#}
        {#                                    <div data-v-132f128f="" class="el-select">#}
        {#                                        <div class="el-select__tags" style="width: 100%; max-width: 328px;">#}
        {#                                            <input type="text" autocomplete="off" placeholder="检索地址" class="el-select__input" style="flex-grow: 1; width: 0.0609756%; max-width: 318px;" name="position1" id="position1">#}
        {#                                        </div>#}
        {#                                        <div class="el-input el-input--suffix">#}
        {#                                            <input type="text" readonly="readonly" autocomplete="off" placeholder="" class="el-input__inner" style="height: 39.9958px;">#}
        {#                                        </div>#}
        {#                                    </div>#}
        {#                                </div>#}
        {#                            </div>#}
        {#                        </div>#}
        {#                    </div>#}
        {#                </div>#}
        {#            </div>#}
        {#            <div data-v-5855f98c="" class="select-sousuo clearfix">#}
        {#                <div data-v-5855f98c="" class="tabs-wrap fl">#}
        {#                    <div data-v-5855f98c="" class="el-tabs el-tabs--card el-tabs--top">#}
        {#                        <div class="el-tabs__header is-top">#}
        {#                            <div class="el-tabs__nav-wrap is-top">#}
        {#                                <div class="el-tabs__nav-scroll">#}
        {#                                    <div role="tablist" class="el-tabs__nav is-top" style="transform: translateX(0px);">#}
        {#                                        <div id="tab-1" aria-controls="pane-1" role="tab" tabindex="0" class="el-tabs__item is-top is-active"#}
        {#                                        aria-selected="true">#}
        {#                                            <span data-v-5855f98c="" class="tab-wrap">#}
        {#                                                <span data-v-5855f98c="" class="noclose">#}
        {#                                                    推荐数据#}
        {#                                                </span>#}
        {#                                            </span>#}
        {#                                        </div>#}
        {#                                    </div>#}
        {#                                </div>#}
        {#                            </div>#}
        {#                        </div>#}
        {#                        <div class="el-tabs__content">#}
        {#                            <div data-v-5855f98c="" role="tabpanel" id="pane-1" aria-labelledby="tab-1"#}
        {#                            class="el-tab-pane" style="">#}
        {#                            </div>#}
        {#                        </div>#}
        {#                    </div>#}
        {#                </div>#}
        {#                <div data-v-5855f98c="" class="fr sousuo-icon clickable">#}
        {#                    <button type="submit" class="btn btn-primary clickable" tabindex="0" style="height: 40px;width: 40px;" id="searchBtn">#}
        {#                        <i data-v-5855f98c="" class="icon-sousuo clickable">#}
        {#                        <i data-v-5855f98c="" class="handle clickable">#}
        {#                        </i>#}
        {#                    </i>#}
        {#                    </button>#}
        {#                </div>#}
        {#            </div>#}
        {#            <div data-v-5855f98c="" class="dropdown_panel">#}
        {#                <div data-v-5855f98c="" class="LD_wrap">#}
        {#                    <div data-v-4ed19afa="" class="el-select typeInput">#}
        {#                        <!--rs list-->#}
        {#                        <div data-v-29858aac="" class="recommend-list animate__fadeInRight">#}
        {#                            <!--rs item-->#}
        {#                            <!--1-->#}
        {#                            <div data-v-29858aac="" class="recommend-list-item" id="北京市海淀区">#}
        {#                                <img data-v-29858aac="" data-src="images/city/NOyAen5oBK.webp" class="image" src="{% static 'images/city/NOyAen5oBK.webp' %}" lazy="loaded">#}
        {#                                <div data-v-29858aac="" class="mask"></div>#}
        {#                                <span data-v-29858aac="" class="name">北京市海淀区</span>#}
        {#                            </div>#}
        {#                            <!--2-->#}
        {#                            <div data-v-29858aac="" class="recommend-list-item" id="青岛市黄岛区">#}
        {#                                <img data-v-29858aac="" data-src="images/city/KVeoVlxJO8.webp" class="image" src="{% static 'images/city/KVeoVlxJO8.webp' %}/" lazy="loaded">#}
        {#                                <div data-v-29858aac="" class="mask"></div>#}
        {#                                <span data-v-29858aac="" class="name">青岛市黄岛区</span>#}
        {#                            </div>#}
        {#                            <!--3-->#}
        {#                            <div data-v-29858aac="" class="recommend-list-item" id="上海市浦东新区">#}
        {#                                <img data-v-29858aac="" data-src="images/city/aQyAjRLAYD.webp" class="image" src="{% static 'images/city/aQyAjRLAYD.webp' %}" lazy="loaded">#}
        {#                                <div data-v-29858aac="" class="mask"></div>#}
        {#                                <span data-v-29858aac="" class="name">上海市浦东新区</span>#}
        {#                            </div>#}
        {#                            <!--4-->#}
        {#                            <div data-v-29858aac="" class="recommend-list-item" id="广州市海珠区">#}
        {#                                <img data-v-29858aac="" data-src="images/city/02lEXmvJbK.webp" class="image" src="{% static 'images/city/02lEXmvJbK.webp' %}" lazy="loaded">#}
        {#                                <div data-v-29858aac="" class="mask"></div>#}
        {#                                <span data-v-29858aac="" class="name">广州市海珠区</span>#}
        {#                            </div>#}
        {#                        </div>#}
        {#                    </div>#}
        {#                </div>#}
        {#            </div>#}
        {#            </form>#}
        {#        </div>#}
        <div data-v-5855f98c="" id="search_set" data-v-258a4cb6="" class="panel_wrap"
             style="display: none; flex-direction: column;">
            <form id="myForm" action="bound.html" method="post" novalidate>
                {% csrf_token %}
                <div data-v-5855f98c="" id="search_set" data-v-258a4cb6="">
                    <div data-v-132f128f="" data-v-5855f98c="" class="region_content">
                        <div data-v-132f128f="" class="el-tabs el-tabs--top">
                            <div class="el-tabs__header is-top">
                                <div class="el-tabs__nav-wrap is-top">
                                    <div class="el-tabs__nav-scroll">
                                        <div role="tablist" class="el-tabs__nav is-top"
                                             style="transform: translateX(0px);">
                                            <div class="el-tabs__active-bar is-top"
                                                 style="width: 40px; transform: translateX(0px);">
                                            </div>
                                            <div id="tab-first" aria-controls="pane-first" role="tab"
                                                 aria-selected="true"
                                                 tabindex="0" class="el-tabs__item is-top is-active">
                                                检索位置
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-tabs__content">
                                <div data-v-132f128f="" role="tabpanel" id="pane-first" aria-labelledby="tab-first"
                                     class="el-tab-pane">
                                    <div data-v-132f128f="" class="select_wrap">
                                        <div data-v-132f128f="" class="select_content">
                                            <div data-v-132f128f="" class="el-select">
                                                <div class="el-select__tags" style="width: 100%; max-width: 328px;">
                                                    <input type="text" autocomplete="off" placeholder="检索地址"
                                                           class="el-select__input"
                                                           style="flex-grow: 1; width: 0.0609756%; max-width: 318px;"
                                                           name="position1" id="position1">
                                                </div>
                                                <div class="el-input el-input--suffix">
                                                    <input type="text" readonly="readonly" autocomplete="off"
                                                           placeholder="" class="el-input__inner"
                                                           style="height: 39.9958px;">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div data-v-5855f98c="" class="select-sousuo clearfix">
                    <div data-v-5855f98c="" class="tabs-wrap fl">
                        <div data-v-5855f98c="" class="el-tabs el-tabs--card el-tabs--top">
                            <div class="el-tabs__header is-top">
                                <div class="el-tabs__nav-wrap is-top">
                                    <div class="el-tabs__nav-scroll">
                                        <div role="tablist" class="el-tabs__nav is-top"
                                             style="transform: translateX(0px);">
                                            <div id="tab-1" aria-controls="pane-1" role="tab" tabindex="0"
                                                 class="el-tabs__item is-top is-active" aria-selected="true">
										<span data-v-5855f98c="" class="tab-wrap">
											<span data-v-5855f98c="" class="noclose">
												检索条件
												<i data-v-5855f98c="" class="el-icon-caret-bottom" style="">
												</i>
											</span>
										</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="el-tabs__content">
                                <div data-v-5855f98c="" role="tabpanel" id="pane-1" aria-labelledby="tab-1"
                                     class="el-tab-pane" style="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-5855f98c="" class="fr sousuo-icon">
                        <button type="submit" class="btn btn-primary" tabindex="0"
                                style="height: 40px;width: 40px;" id="searchBtn">
                            <i data-v-5855f98c="" class="icon-sousuo">
                                <i data-v-5855f98c="" class="handle">
                                </i>
                            </i>
                        </button>
                    </div>
                </div>
                <div data-v-5855f98c="" class="dropdown_panel">
                    <div data-v-5855f98c="" class="LD_wrap">
                        <div data-v-5855f98c="" class="list list-title clearfix" style="margin-top: 0px;">
                            <div data-v-5855f98c="" class="fl">
                                卫星选择
                            </div>
                            <div data-v-5855f98c="" class="fr dropdown_wrap">
                                <div data-v-5855f98c="" class="el-dropdown">
							<span data-v-5855f98c="" class="el-dropdown-link el-dropdown-selfdefine  "
                                  aria-haspopup="list" aria-controls="dropdown-menu-7255" role="button" tabindex="0">
								按卫星系列
								<i data-v-5855f98c="" class="el-icon-arrow-down el-icon--right">
								</i>
								<i data-v-5855f98c="" class="el-icon-caret-bottom">
								</i>
							</span>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="list">
                            <div data-v-4ed19afa="" data-v-5855f98c="" class="satellite-sensor-filter">
                                <div data-v-4ed19afa="" class="clear-btn" style="">
                                </div>
                                <div data-v-654c3e52="" data-v-4ed19afa="" class="el-select filter-input"
                                     style="display: none;">
                                    <div class="el-select__tags" style="width: 100%;">
                                        <!---->
                                        <span>
								</span>
                                        <input type="text" autocomplete="off" class="el-select__input"
                                               style="flex-grow: 1;">
                                    </div>
                                    <div class="el-input el-input--suffix">
                                        <!---->
                                        <input type="text" readonly="readonly" autocomplete="off" placeholder=""
                                               class="el-input__inner" style="height: 40px;">
                                        <!---->
                                        <span class="el-input__suffix">
									<span class="el-input__suffix-inner">
										<i class="el-select__caret el-input__icon el-icon-">
										</i>
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
									</span>
                                            <!---->
								</span>
                                        <!---->
                                        <!---->
                                    </div>
                                    <div class="el-select-dropdown el-popper is-multiple" style="display: none;">
                                        <div class="el-scrollbar" style="">
                                            <div class="el-select-dropdown__wrap el-scrollbar__wrap"
                                                 style="margin-bottom: -6px; margin-right: -6px;">
                                                <ul class="el-scrollbar__view el-select-dropdown__list">
                                                    <!---->
                                                    <li data-v-654c3e52="" class="el-select-dropdown__item">
                                                        <div data-v-654c3e52="" class="filter_wrap">
                                                            <div data-v-654c3e52="" class="model_select">
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="el-scrollbar__bar is-horizontal">
                                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);">
                                                </div>
                                            </div>
                                            <div class="el-scrollbar__bar is-vertical">
                                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);">
                                                </div>
                                            </div>
                                        </div>
                                        <!---->
                                    </div>
                                </div>
                                <div data-v-4ed19afa="" class="el-select typeInput">
                                    <div class="el-select__tags" style="width: 100%; max-width: 328px;">
                                        <!---->
                                        <span>
                                            <span class="el-tag el-tag--info el-tag--small el-tag--light">
                                                <span class="el-select__tags-text">
                                                    Landsat&nbsp;8
                                                </span>
                                                <i class="el-tag__close el-icon-close">
                                                </i>
                                            </span>
                                            <span class="el-tag el-tag--info el-tag--small el-tag--light">
                                                <span class="el-select__tags-text">
                                                    Landsat&nbsp;9
                                                </span>
                                                <i class="el-tag__close el-icon-close">
                                                </i>
                                            </span>
                                            <span class="el-tag el-tag--info el-tag--small el-tag--light">
                                                <span class="el-select__tags-text">
                                                    Sentinel&nbsp;1
                                                </span>
                                                <i class="el-tag__close el-icon-close">
                                                </i>
                                            </span>
                                        </span>
                                        <input type="text" autocomplete="off" class="el-select__input"
                                               style="flex-grow: 1; width: 0.0609756%; max-width: 318px;">
                                    </div>
                                    <div class="el-input el-input--suffix">
                                        <!---->
                                        <input type="text" readonly="readonly" autocomplete="off" placeholder=""
                                               class="el-input__inner" style="height: 78px;">
                                        <!---->
                                        <span class="el-input__suffix">
									<span class="el-input__suffix-inner">
										<i class="el-select__caret el-input__icon el-icon-arrow-up">
										</i>
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
									</span>
                                            <!---->
								</span>
                                        <!---->
                                        <!---->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="list list-title clearfix">
                            <div data-v-5855f98c="" class="fl dateLabel dateActive">
                                采集时间
                            </div>
                            <div data-v-5855f98c="" class="fr dropdown_wrap">
                                <div data-v-5855f98c="" class="el-dropdown">
							<span data-v-5855f98c="" class="el-dropdown-link el-dropdown-selfdefine"
                                  aria-haspopup="list" aria-controls="dropdown-menu-3206" role="button" tabindex="0">
								按本地时间
								<i data-v-5855f98c="" class="el-icon-arrow-down el-icon--right">
								</i>
								<i data-v-5855f98c="" class="el-icon-caret-bottom">
								</i>
							</span>
                                    <ul data-v-5855f98c="" class="el-dropdown-menu el-popper" style="display: none;"
                                        id="dropdown-menu-3206">
                                        <li data-v-5855f98c="" tabindex="-1" class="el-dropdown-menu__item">
                                            <!---->
                                            <div data-v-5855f98c="">
                                                本地时间
                                            </div>
                                        </li>
                                        <li data-v-5855f98c="" tabindex="-1" class="el-dropdown-menu__item">
                                            <!---->
                                            <div data-v-5855f98c="">
                                                UTC时间
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="list date-wrap">
                            <div data-v-5855f98c=""
                                 class="datepicker-scope el-date-editor el-range-editor el-input__inner el-date-editor--datetimerange"
                                 rightcurrentmonth="true">
                                <i class="el-input__icon el-range__icon el-icon-time">
                                </i>
                                <input type="text" autocomplete="off" id="startdate" placeholder="开始日期"
                                       name="startdate" class="el-range-input">
                                <span class="el-range-separator">
                                            -
                                </span>
                                <input type="text" autocomplete="off" id="enddate" placeholder="结束日期"
                                       name="enddate" class="el-range-input">
                                <i class="el-input__icon el-range__close-icon">
                                </i>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="clearfix round-slider-wrap">
                            <div data-v-5855f98c="" class="side-slider fl">
                                <div data-v-5855f98c="" id="sideSlider"
                                     class="fl rs-chrome rs-classic-mode rs-control rs-animation"
                                     style="height: 100px; width: 100px;">
                                    <div class="rs-container rs-full rs-custom-quarter"
                                         style="height: 100px; width: 100px;">
                                        <div class="rs-inner-container">
                                            <div class="rs-block rs-outer rs-border rs-split">
                                                <div class="rs-path rs-transition rs-range-color"
                                                     style="transform: rotate(315deg);">
                                                </div>
                                                <div class="rs-path rs-transition rs-range-color"
                                                     style="opacity: 0; transform: rotate(225deg);">
                                                </div>
                                                <div class="rs-path rs-transition rs-path-color"
                                                     style="transform: rotate(405deg); opacity: 1;">
                                                </div>
                                                <div class="rs-path rs-transition rs-path-color"
                                                     style="opacity: 1; z-index: 1; transform: rotate(135deg);">
                                                </div>
                                                <span class="rs-block" style="padding: 6px;">
											<div class="rs-inner rs-bg-color rs-border">
											</div>
										</span>
                                            </div>
                                        </div>
                                        <div class="rs-bar rs-transition rs-first"
                                             style="z-index: 7; transform: rotate(315deg);">
                                            <div class="rs-handle rs-move rs-handle-square" index="1" tabindex="0"
                                                 role="slider" aria-label="sideSlider_handle_start"
                                                 style="height: 2px; width: 12px; margin: -1px 0px 0px 2.64706px;"
                                                 aria-valuenow="-45" aria-valuemin="-45" aria-valuemax="45">
                                            </div>
                                        </div>
                                        <div class="rs-bar rs-transition rs-second"
                                             style="z-index: 7; transform: rotate(405deg);">
                                            <div class="rs-handle rs-move rs-handle-square" index="2" tabindex="0"
                                                 role="slider" aria-label="sideSlider_handle_end"
                                                 style="height: 2px; width: 12px; margin: -1px 0px 0px 2.64706px;"
                                                 aria-valuemax="45" aria-valuemin="-45" aria-valuenow="45">
                                            </div>
                                        </div>
                                        <span class="rs-bar rs-transition rs-start" style="transform: rotate(315deg);">
									<span class="rs-seperator rs-border" style="width: 17.2941px; margin-top: 0px;">
									</span>
								</span>
                                        <span class="rs-bar rs-transition rs-end" style="transform: rotate(405deg);">
									<span class="rs-seperator rs-border" style="width: 17.2941px; margin-top: 0px;">
									</span>
								</span>
                                        <div class="rs-overlay1 rs-transition rs-bg-color"
                                             style="transform: rotate(495deg);">
                                        </div>
                                        <div class="rs-overlay2 rs-transition rs-bg-color"
                                             style="transform: rotate(405deg);">
                                        </div>
                                    </div>
                                    <input type="hidden" name="sideSlider" value="-45,45">
                                </div>
                                <div data-v-5855f98c="" class="fr text-wrap">
                                    <div data-v-5855f98c="" class="text">
								<span data-v-5855f98c="" class="input-wrap">
									<input data-v-5855f98c="" type="text">
									<span data-v-5855f98c="" class="degree">
										45°
									</span>
								</span>
                                        <span data-v-5855f98c="">
									-
								</span>
                                        <span data-v-5855f98c="" class="input-wrap">
									<input data-v-5855f98c="" type="text">
									<span data-v-5855f98c="" class="degree">
										-45°
									</span>
								</span>
                                    </div>
                                    <div data-v-5855f98c="" class="text">
                                        卫星侧摆角
                                    </div>
                                </div>
                            </div>
                            <div data-v-5855f98c="" class="gradient-line">
                            </div>
                            <div data-v-5855f98c="" class="pitch-slider fr">
                                <div data-v-5855f98c="" id="pitchSlider"
                                     class="fr rs-chrome rs-classic-mode rs-control rs-animation"
                                     style="height: 100px; width: 100px;">
                                    <div class="rs-container rs-full rs-custom-quarter"
                                         style="height: 100px; width: 100px;">
                                        <div class="rs-inner-container">
                                            <div class="rs-block rs-outer rs-border rs-split">
                                                <div class="rs-path rs-transition rs-range-color"
                                                     style="transform: rotate(135deg);">
                                                </div>
                                                <div class="rs-path rs-transition rs-range-color"
                                                     style="opacity: 0; transform: rotate(45deg);">
                                                </div>
                                                <div class="rs-path rs-transition rs-path-color"
                                                     style="transform: rotate(225deg); opacity: 1;">
                                                </div>
                                                <div class="rs-path rs-transition rs-path-color"
                                                     style="opacity: 1; z-index: 1; transform: rotate(-45deg);">
                                                </div>
                                                <span class="rs-block" style="padding: 6px;">
											<div class="rs-inner rs-bg-color rs-border">
											</div>
										</span>
                                            </div>
                                        </div>
                                        <div class="rs-bar rs-transition rs-first"
                                             style="z-index: 7; transform: rotate(135deg);">
                                            <div class="rs-handle rs-move rs-handle-square" index="1" tabindex="0"
                                                 role="slider" aria-label="pitchSlider_handle_start"
                                                 style="height: 2px; width: 12px; margin: -1px 0px 0px 2.64706px;"
                                                 aria-valuenow="-30" aria-valuemin="-30" aria-valuemax="30">
                                            </div>
                                        </div>
                                        <div class="rs-bar rs-transition rs-second"
                                             style="z-index: 7; transform: rotate(225deg);">
                                            <div class="rs-handle rs-move rs-handle-square" index="2" tabindex="0"
                                                 role="slider" aria-label="pitchSlider_handle_end"
                                                 style="height: 2px; width: 12px; margin: -1px 0px 0px 2.64706px;"
                                                 aria-valuemax="30" aria-valuemin="-30" aria-valuenow="30">
                                            </div>
                                        </div>
                                        <span class="rs-bar rs-transition rs-start" style="transform: rotate(135deg);">
									<span class="rs-seperator rs-border" style="width: 17.2941px; margin-top: 0px;">
									</span>
								</span>
                                        <span class="rs-bar rs-transition rs-end" style="transform: rotate(225deg);">
									<span class="rs-seperator rs-border" style="width: 17.2941px; margin-top: 0px;">
									</span>
								</span>
                                        <div class="rs-overlay1 rs-transition rs-bg-color"
                                             style="transform: rotate(315deg);">
                                        </div>
                                        <div class="rs-overlay2 rs-transition rs-bg-color"
                                             style="transform: rotate(225deg);">
                                        </div>
                                    </div>
                                    <input type="hidden" name="pitchSlider" value="-30,30">
                                </div>
                                <div data-v-5855f98c="" class="fl text-wrap">
                                    <div data-v-5855f98c="" class="text">
								<span data-v-5855f98c="" class="input-wrap">
									<input data-v-5855f98c="" type="text">
									<span data-v-5855f98c="" class="degree">
										45°
									</span>
								</span>
                                        <span data-v-5855f98c="">
									-
								</span>
                                        <span data-v-5855f98c="" class="input-wrap">
									<input data-v-5855f98c="" type="text">
									<span data-v-5855f98c="" class="degree">
										-45°
									</span>
								</span>
                                    </div>
                                    <div data-v-5855f98c="" class="text">
                                        卫星俯仰角
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="">
                            <div data-v-5855f98c="" class="list list-title">
                                <div data-v-5855f98c="">
                                    图像云盖量 &lt;
                                    <span data-v-5855f98c="" style="position: relative;">
								<input data-v-5855f98c="" type="text"
                                       style="width: 40px; height: 20px; background: rgb(255, 255, 255); border-radius: 8px; text-align: center; padding-right: 10px;">
								<span data-v-5855f98c="" style="position: absolute; right: 6px;">
									10%
								</span>
							</span>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="clearfix" style="display: none;">
                            <div data-v-5855f98c="" class="list list-title">
                                成像模式
                            </div>
                            <div data-v-5855f98c="" class="list elevator_rail">
                                <div data-v-5855f98c="" class="el-select">
                                    <!---->
                                    <div class="el-input el-input--suffix">
                                        <!---->
                                        <input type="text" readonly="readonly" autocomplete="off"
                                               placeholder="所有接收站"
                                               class="el-input__inner">
                                        <!---->
                                        <span class="el-input__suffix">
									<span class="el-input__suffix-inner">
										<i class="el-select__caret el-input__icon el-icon-arrow-up">
										</i>
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
									</span>
                                            <!---->
								</span>
                                        <!---->
                                        <!---->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" class="clearfix">
                            <div data-v-5855f98c="" class="fl">
                                <div data-v-5855f98c="" class="list-half list-title">
                                    检索内容
                                </div>
                                <div data-v-5855f98c="" class="list-half elevator_rail">
                                    <div data-v-5855f98c="" class="el-select">
                                        <div class="el-input el-input--suffix">
                                            <button id="choose" type="button" class="btn btn-default dropdown-toggle"
                                                    style="height:30px; width:170px;" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                                <div style="font-size:12px">
                                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;选择&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                </div>
                                                    <span class="el-input__suffix">
                                                    <span class="el-input__suffix-inner">
                                                        <i class="el-select__caret el-input__icon el-icon-arrow-up">
                                                        </i>
                                                    </span>
                                                </span>
                                            </button>
                                            <ul class="dropdown-menu" style="position:absolute; top:-220%; left:0;">
                                                <li><a id="yuanshi">原始数据</a></li>
                                                <hr style="margin: 0;border: none;border-top: 1px solid #ccc;">
                                                <li><a id="bianhua">变化事件</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div data-v-5855f98c="" style="display: none;">
                            <div data-v-5855f98c="" class="list list-title">
                                工作模式
                            </div>
                            <div data-v-5855f98c="" class="list">
                                <div data-v-5855f98c="" class="el-select">
                                    <!---->
                                    <div class="el-input el-input--suffix">
                                        <!---->
                                        <input type="text" readonly="readonly" autocomplete="off" placeholder="全部"
                                               class="el-input__inner">
                                        <!---->
                                        <span class="el-input__suffix">
									<span class="el-input__suffix-inner">
										<i class="el-select__caret el-input__icon el-icon-arrow-up">
										</i>
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
                                        <!---->
									</span>
                                            <!---->
								</span>
                                        <!---->
                                        <!---->
                                    </div>
                                    <div class="el-select-dropdown el-popper" style="display: none;">
                                        <div class="el-scrollbar" style="display: none;">
                                            <div class="el-select-dropdown__wrap el-scrollbar__wrap"
                                                 style="margin-bottom: -6px; margin-right: -6px;">
                                                <ul class="el-scrollbar__view el-select-dropdown__list">
                                                </ul>
                                            </div>
                                            <div class="el-scrollbar__bar is-horizontal">
                                                <div class="el-scrollbar__thumb" style="transform: translateX(0%);">
                                                </div>
                                            </div>
                                            <div class="el-scrollbar__bar is-vertical">
                                                <div class="el-scrollbar__thumb" style="transform: translateY(0%);">
                                                </div>
                                            </div>
                                        </div>
                                        <p class="el-select-dropdown__empty">
                                            无数据
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!--search result-->
{#        <div data-v-258a4cb6="" id="result" class="zyb-lb" style="display: none">#}
{#		<span data-v-258a4cb6="" class="lb-gb icon iconfont iconshanchu" id='shanchu' onclick="moveshape1(0)">#}
{#		</span>#}
{#            <ul data-v-258a4cb6="" role="menubar" class="el-menu-demo el-menu--horizontal el-menu">#}
{#                <li data-v-258a4cb6="" role="menuitem" tabindex="-1" class="el-menu-item is-active"#}
{#                    popper-class="conditionmenu" style="color: rgb(36, 46, 66); border-bottom-color: rgb(36, 46, 66);">#}
{#                    <div data-v-258a4cb6="" class="nav-item clearfix">#}
{#					<span data-v-258a4cb6="" class="fl">#}
{#						数据检索#}
{#					</span>#}
{#                    </div>#}
{#                </li>#}
{#            </ul>#}
{#            <!--result-->#}
{#            <div data-v-258a4cb6="" class="tabbox" id="img" style="background-color:white; height:270px">#}
{#                <div id="search_result"></div>#}
{#            </div>#}
{#        </div>#}
        <div data-v-258a4cb6="" id="result" class="zyb-lb" style="display:none;">
	        <span data-v-258a4cb6="" class="lb-gb icon iconfont iconshanchu" id='shanchu'>
	        </span>
            <ul data-v-258a4cb6="" role="menubar" class="el-menu-demo el-menu--horizontal el-menu">
                <li data-v-258a4cb6="" role="menuitem" tabindex="-1" class="el-menu-item is-active"
                    popper-class="conditionmenu" style="color: rgb(36, 46, 66); border-bottom-color: rgb(36, 46, 66);">
                    <div data-v-258a4cb6="" class="nav-item clearfix">
				<span data-v-258a4cb6="" class="fl">
					数据检索
				</span>
                        <i data-v-258a4cb6="" class="el-icon-caret-bottom fl">
                        </i>
                    </div>
                </li>
            </ul>
            <!---->
            <div data-v-258a4cb6="">
                <div data-v-511cb7b3="" data-v-258a4cb6="" class="clearfix">
                    <div data-v-511cb7b3="" class="btn-wrap clearfix">
                        <div data-v-511cb7b3="" class="tabhedbox clearfix">
                            <a data-v-511cb7b3="" class="tablebal level-one fl tabactive" id="a_show_1">
                                SAR影像
                            </a>
                        </div>
                        <div data-v-511cb7b3="" class="tabhedbox clearfix">
                            <a data-v-511cb7b3="" class="tablebal level-one fl" id="a_show_2">
                                光学图像
                            </a>
                        </div>
                    </div>
                    <div data-v-4fed38f7="" data-v-511cb7b3="" class="el-dialog__wrapper"
                         style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="dialog"
                             class="el-dialog el-dialog--center dialoglevelsele"
                             style="margin-top: 15vh; width: 720px;">
                            <div class="el-dialog__header">
						<span class="el-dialog__title">
						</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                                    <i class="el-dialog__close el-icon el-icon-close">
                                    </i>
                                </button>
                            </div>
                            <!---->
                            <div class="el-dialog__footer">
						<span data-v-4fed38f7="" class="dialog-footer clearfix">
							<div data-v-4fed38f7="" class="cancel fl">
								取消
							</div>
							<div data-v-4fed38f7="" type="primary" class="submit fl">
								确定
							</div>
						</span>
                            </div>
                        </div>
                    </div>
                    <div data-v-e4358146="" data-v-511cb7b3="" class="el-dialog__wrapper"
                         style="display: none;">
                        <div role="dialog" aria-modal="true" aria-label="dialog"
                             class="el-dialog el-dialog--center export_dialog"
                             style="margin-top: 15vh; width: 720px;">
                            <div class="el-dialog__header">
						<span class="el-dialog__title">
						</span>
                                <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                                    <i class="el-dialog__close el-icon el-icon-close">
                                    </i>
                                </button>
                            </div>
                            <!---->
                            <div class="el-dialog__footer">
                                <div data-v-e4358146="" class="dialog-footer clearfix">
                                    <div data-v-e4358146="" class="cancel fl">
                                        取消
                                    </div>
                                    <div data-v-e4358146="" type="primary" class="submit fl">
                                        确定
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-258a4cb6="" class="tabbox">

                <div data-v-258a4cb6=""
                     class="el-table el-table--fit el-table--fluid-height el-table--enable-row-hover el-table--enable-row-transition"
                     style="width: 100%; max-height: 481px;" id="dataTable">
                    <div class="hidden-columns">
                        <div data-v-258a4cb6="">
                        </div>
                        <div data-v-258a4cb6="">
                        </div>
                        <div data-v-258a4cb6="">
                        </div>
                    </div>
                    <div class="el-table__body-wrapper is-scrolling-none" id="show_1"
                         style="overflow-y:auto;height:550px;">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                               style="width: 420px;">
                            <colgroup>
                                <col name="el-table_2_column_3" width="50">
                                <col name="el-table_2_column_4" width="50">
                                <col name="el-table_2_column_5" width="320">
                            </colgroup>
                            <tbody>

                            </tbody>
                        </table>
                        <!---->
                        <!---->
                    </div>
                    <div class="el-table__body-wrapper is-scrolling-none" id="show_2"
                         style="overflow-y:auto;height:550px;display:none;">
                        <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                               style="width: 420px;">
                            <colgroup>
                                <col name="el-table_2_column_3" width="50">
                                <col name="el-table_2_column_4" width="50">
                                <col name="el-table_2_column_5" width="320">
                            </colgroup>
                            <tbody>
{#                                <tr class="el-table__row">#}
{#                                    <td rowspan="1" colspan="1" class="el-table_2_column_3  el-table-column--selection">#}
{#                                        <div class="cell">#}
{#                                            <label role="checkbox" class="el-checkbox">#}
{#										<span aria-checked="mixed" class="el-checkbox__input">#}
{#											<span class="el-checkbox__inner">#}
{#											</span>#}
{#											<input type="checkbox" aria-hidden="true" class="el-checkbox__original"#}
{#                                                   value="">#}
{#										</span>#}
{#                                                <!---->#}
{#                                            </label>#}
{#                                        </div>#}
{#                                    </td>#}
{#                                    <td rowspan="1" colspan="1" class="el-table_2_column_4  ">#}
{#                                        <div class="cell">#}
{#                                            <a data-v-258a4cb6="">#}
{#                                                <div data-v-258a4cb6="">#}
{#                                                    <img data-v-258a4cb6="" src="images/4.jpg">#}
{#                                                </div>#}
{#                                                <div data-v-258a4cb6="" class="dialog-img" style="display: none;">#}
{#                                                    <i data-v-258a4cb6="" class="icon iconfont iconyj">#}
{#                                                    </i>#}
{#                                                </div>#}
{#                                            </a>#}
{#                                        </div>#}
{#                                    </td>#}
{#                                    <td rowspan="1" colspan="1" class="el-table_2_column_5  ">#}
{#                                        <div class="cell">#}
{#                                            <div data-v-258a4cb6="" class="list clearfix">#}
{#                                                <a data-v-258a4cb6="" class="sensor fl" href="https://www.baidu.com">#}
{#                                                    第二个图#}
{#                                                </a>#}
{#                                                <span data-v-258a4cb6="" style="display: none;">#}
{#											<i data-v-258a4cb6="" class="icon iconfont iconxian-shoucang"#}
{#                                               style="margin-left: 10px; font-size: 12px;">#}
{#											</i>#}
{#										</span>#}
{#                                                <i data-v-258a4cb6="" class="icon iconfont iconlianhe18"#}
{#                                                   style="color: rgb(239, 150, 140); font-size: 12px; margin-left: 10px; display: none;">#}
{#                                                </i>#}
{#                                                <div data-v-258a4cb6="" class="online clearfix fr"#}
{#                                                     style="display: none;">#}
{#                                                    <div data-v-258a4cb6="" class="viewBtn">#}
{#                                                        <svg data-v-258a4cb6="" id="viewBtn" t="1699930644320"#}
{#                                                             viewBox="0 0 1489 1024"#}
{#                                                             version="1.1" xmlns="http://www.w3.org/2000/svg"#}
{#                                                             p-id="4884" width="12"#}
{#                                                             height="12" class="icon">#}
{#                                                            <path data-v-258a4cb6=""#}
{#                                                                  d="M1396.297143 46.518857h-41.252572a93.184 93.184 0 0 0-65.389714 26.770286l-126.098286 124.342857v-58.514286A139.702857 139.702857 0 0 0 1024 0H139.702857A139.849143 139.849143 0 0 0 0 139.702857v744.740572A139.702857 139.702857 0 0 0 139.702857 1024H1024a139.702857 139.702857 0 0 0 139.702857-139.702857v-56.758857l126.098286 124.342857a93.184 93.184 0 0 0 65.389714 26.770286h41.252572a93.037714 93.037714 0 0 0 93.037714-93.037715v-746.057143a93.037714 93.037714 0 0 0-93.184-93.037714zM139.702857 930.962286a46.665143 46.665143 0 0 1-46.518857-46.518857V139.702857A46.518857 46.518857 0 0 1 139.702857 93.184H1024a46.665143 46.665143 0 0 1 46.518857 46.518857v744.740572A46.665143 46.665143 0 0 1 1024 930.962286z m1256.740572-45.348572h-46.665143L1163.556571 699.392v-1.316571l-46.518857-46.518858V372.297143L1349.778286 139.556571h46.518857z"#}
{#                                                                  fill="#ffffff" p-id="4885">#}
{#                                                            </path>#}
{#                                                        </svg>#}
{#                                                    </div>#}
{#                                                    <span data-v-258a4cb6="" class="line">#}
{#											</span>#}
{#                                                    <div data-v-258a4cb6="" class="downloadBtn">#}
{#                                                        <svg data-v-258a4cb6="" id="downloadBtn" t="1699930656354"#}
{#                                                             viewBox="0 0 1046 1024"#}
{#                                                             version="1.1" xmlns="http://www.w3.org/2000/svg"#}
{#                                                             p-id="5019" width="12"#}
{#                                                             height="12">#}
{#                                                            <path data-v-258a4cb6=""#}
{#                                                                  d="M313.910895 679.580716a52.318482 52.318482 0 0 1-52.318483 52.318482h-52.318482a209.134041 209.134041 0 0 1-49.380814-412.252855 365.949599 365.949599 0 0 1 698.465729-99.74085 261.312634 261.312634 0 0 1-74.141165 511.993705 52.318482 52.318482 0 0 1 0-104.497076 156.815558 156.815558 0 0 0 44.624588-307.755779l-46.722922-13.988899-19.44457-44.624588a261.312634 261.312634 0 0 0-498.984029 71.063607l-9.092784 71.483274-69.944496 16.926568a104.636965 104.636965 0 0 0 24.620463 206.196372h52.318482a52.318482 52.318482 0 0 1 52.318483 52.318483z m394.067286 107.015077a52.318482 52.318482 0 0 1 0 73.861387L559.83574 1008.459732a52.318482 52.318482 0 0 1-74.001276 0L337.692023 860.45718a52.318482 52.318482 0 1 1 73.861387-73.861387l59.033154 59.033154V418.268081a52.318482 52.318482 0 1 1 104.497076 0v427.220977l58.893265-58.893265a52.318482 52.318482 0 0 1 73.861387 0z"#}
{#                                                                  fill="#ffffff" p-id="5020">#}
{#                                                            </path>#}
{#                                                        </svg>#}
{#                                                    </div>#}
{#                                                </div>#}
{#                                            </div>#}
{#                                            <div data-v-258a4cb6="" class="field-wrap clearfix">#}
{#                                                <div data-v-258a4cb6="" class="field fl">#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        所属区域:#}
{#                                                    </label>#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        LEVEL1A#}
{#                                                    </label>#}
{#                                                </div>#}
{#                                                <div data-v-258a4cb6="" class="field fl">#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        数据号:#}
{#                                                    </label>#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        1287229#}
{#                                                    </label>#}
{#                                                </div>#}
{#                                                <div data-v-258a4cb6="" class="field fl">#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        卫星号:#}
{#                                                    </label>#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        1339935#}
{#                                                    </label>#}
{#                                                </div>#}
{#                                                <div data-v-258a4cb6="" class="field fl">#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        采集时间:#}
{#                                                    </label>#}
{#                                                    <label data-v-258a4cb6="">#}
{#                                                        2023-11-26#}
{#                                                    </label>#}
{#                                                </div>#}
{#                                            </div>#}
{#                                        </div>#}
{#                                    </td>#}
{#                                </tr>#}
                            </tbody>
                        </table>
                        <!---->
                        <!---->
                    </div>
                    <!---->
                    <!---->
                    <!---->
                    <!---->
                    <div class="el-table__column-resize-proxy" style="display: none;">
                    </div>
                </div>
                <div data-v-258a4cb6="" class="tablebox" style="display: none;">
                    <div data-v-258a4cb6="" class="fgl_results_operation clearfix" style="display: none;">
                        <div data-v-258a4cb6="" class="fl bt">
                            <div data-v-258a4cb6="" class="wrap">
                                <i data-v-258a4cb6="" class="icon iconfont icontietu">
                                </i>
                            </div>
                        </div>
                        <div data-v-258a4cb6="" class="fl bt">
                            <div data-v-258a4cb6="" class="wrap">
                                <i data-v-258a4cb6="" class="icon iconfont iconxiazai2">
                                </i>
                            </div>
                        </div>
                    </div>
                    <div data-v-258a4cb6=""
                         class="el-table el-table--fit el-table--fluid-height el-table--scrollable-x el-table--enable-row-hover"
                         style="width: 100%; max-height: 481px;">
                        <div class="hidden-columns">
                            <div data-v-258a4cb6="">
                            </div>
                            <div data-v-258a4cb6="">
                            </div>
                            <div data-v-258a4cb6="">
                            </div>
                            <div data-v-258a4cb6="">
                            </div>
                            <div data-v-258a4cb6="">
                            </div>
                        </div>
                        <div class="el-table__header-wrapper">
                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                                   style="width: 420px;">
                                <colgroup>
                                    <col name="el-table_3_column_6" width="120">
                                    <col name="el-table_3_column_7" width="60">
                                    <col name="el-table_3_column_8" width="60">
                                    <col name="el-table_3_column_9" width="60">
                                    <col name="el-table_3_column_10" width="120">
                                    <col name="gutter" width="0">
                                </colgroup>
                                <thead class="has-gutter">
                                    <tr class="">
                                        <th colspan="1" rowspan="1" class="el-table_3_column_6     is-leaf">
                                            <div class="cell">
                                                卫星/传感器
                                            </div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_3_column_7     is-leaf">
                                            <div class="cell">
                                                分辨率
                                            </div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_3_column_8     is-leaf">
                                            <div class="cell">
                                                景数
                                            </div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_3_column_9     is-leaf">
                                            <div class="cell">
                                                覆盖率
                                            </div>
                                        </th>
                                        <th colspan="1" rowspan="1" class="el-table_3_column_10     is-leaf">
                                            <div class="cell">
                                                覆盖面积(km²)
                                            </div>
                                        </th>
                                        <th class="gutter" style="width: 0; display: none;">
                                        </th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="el-table__body-wrapper is-scrolling-left" style="max-height: 481px;">
                            <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                                   style="width: 420px;">
                                <colgroup>
                                    <col name="el-table_3_column_6" width="120">
                                    <col name="el-table_3_column_7" width="60">
                                    <col name="el-table_3_column_8" width="60">
                                    <col name="el-table_3_column_9" width="60">
                                    <col name="el-table_3_column_10" width="120">
                                </colgroup>
                                <tbody>
                                    <!---->
                                </tbody>
                            </table>
                            <div class="el-table__empty-block" style="width: 420px;">
					<span class="el-table__empty-text">
						暂无数据
					</span>
                            </div>
                            <!---->
                        </div>
                        <!---->
                        <!---->
                        <!---->
                        <!---->
                        <div class="el-table__column-resize-proxy" style="display: none;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="rec" class="alert alert-warning alert-dismissible" role="alert" style="z-index: 999; display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; text-align: center;">
            <button id="bt" type="button" style="z-index:999;display:none;position: absolute; right: 0;" class="close"><span aria-hidden="true">&times;</span></button>
            <img id="figure" src="" alt="暂无" style="width: 470px; border: 2px solid white; border-radius: 10px;z-index:999;display:none;">
        </div>
    </body>

    <script>

        var map = new BMapGL.Map('map'); // 创建Map实例
        map.centerAndZoom(new BMapGL.Point(106, 36), 1); // 初始化地图,设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
        map.setMapType(BMAP_EARTH_MAP);      // 设置地图类型为地球模式
        //map.setMapType(BMAP_SATELLITE_MAP);      // 设置地图类型为普通卫星地图模式
        map.disableKeyboard(); // 禁用键盘操作

    </script>

    <script>
        var position1 = {{ position1|safe }};
        if (position1 === -1)
            window.onload = function() {
                alert("该地区暂无变化数据");
                moveShapes();
            };
        var rectangles = [];
        var marker;
        var circle;
        var path = [];
        var mapmask;
        var datatype = 1;                                        //1代表原始数据，0代表变化数据
        var dataBound;
        var zindex = 9999;
        document.getElementById("yuanshi").addEventListener('click', function() {
            datatype = 1;
            document.getElementById("choose").innerText = "      原始数据      ";
        });
        document.getElementById("bianhua").addEventListener('click', function() {
            datatype = 0;
            document.getElementById("choose").innerText = "      变化事件      ";
        });
        let tb = document.getElementById("dataTable")
        tb.addEventListener('click', function (event) {
            if (event.target.tagName === 'SPAN') {
                let trElement = event.target.closest('tr');
                if (trElement) {
                    let trId = trElement.getAttribute('id');
                    console.log('Clicked label ID: ' + trId);
                    for (let i = 0; i < rectangles.length; i++) {
                        rectangles[i].setOptions({strokeColor: 'blue', strokeOpacity: 0.4, fillOpacity: 0.1, fillColor: 'white', strokeWeight: 1});
                    }
                    rectangles[trId].setZIndex(zindex);
                    rectangles[trId].setOptions({strokeColor: 'red', strokeOpacity: 1, fillOpacity: 0.5, fillColor: 'red', strokeWeight: 3});
                    zindex++;
                }
            }
            if (event.target.tagName === 'P') {
                let trElement = event.target.closest('tr');
                if (trElement) {
                    let trId = trElement.getAttribute('id');
                    console.log('Clicked label ID: ' + trId);
                    var csrftoken = document.querySelector('[name=csrfmiddlewaretoken]').value;
                    let scene_id = event.target.innerText;
                    {#window.location.href = `tackle.html/${scene_id}/0`;#}
                    window.open(`tackle.html/${scene_id}/0`, '_blank')
                }
            }
            if (event.target.tagName === 'IMG') {
                document.getElementById("figure").style.display = "inline-block";
                document.getElementById("figure").src = event.target.src;
                document.getElementById("rec").style.display = "inline-block";
                document.getElementById("bt").style.display = "inline-block";
            }
        });
        document.getElementById("bt").addEventListener('click', function (event) {
            document.getElementById("figure").style.display = "none";
            document.getElementById("rec").style.display = "none";
            document.getElementById("bt").style.display = "none";
        })
        $("#myForm").submit(function (e) {                       //用户输入数据并提交
            if (datatype === 1) {
                e.preventDefault();
                $(document).ajaxStart(function () {                  //ajax请求调用后生成加载框
                    {#let amis = amisRequire('amis/embed');#}
                    {#let AMISJSON = {#}
                    {#    "body": {#}
                    {#        "type": "spinner",#}
                    {#        "name": "loadingSpinner",#}
                    {#        "show": true,#}
                    {#        "overlay": true,#}
                    {#        "size": "lg",#}
                    {#    }#}
                    //}
                    {#let amisScope = amis.embed('#search_result', AMISJSON);#}
                });
                sendDataToBackend(document.getElementById("position1").value, document.getElementById("startdate").value, document.getElementById("enddate").value, {{ MEDIA_URL }})
            }
            else {
                //携带数据跳转到第三个页面,需要传时间，地点
            }
        });
        {#let elements = document.getElementsByClassName('recommend-list-item');              //点击推荐地区#}
        {#for (let i = 0; i < elements.length; i++) {#}
        {#    elements[i].addEventListener('click', function () {#}
        {#        let position1 = this.id;#}
        {#        $(document).ajaxStart(function () {                  //ajax请求调用后生成加载框#}
        {#            let amis = amisRequire('amis/embed');#}
        {#            let AMISJSON = {#}
        {#                "body": {#}
        {#                    "type": "spinner",#}
        {#                    "name": "loadingSpinner",#}
        {#                    "show": true,#}
        {#                    "overlay": true,#}
        {#                    "size": "lg",#}
        {#                }#}
        {#            }#}
        {#            let amisScope = amis.embed('#search_result', AMISJSON);#}
        {#        });#}
        {#        sendDataToBackend(position1, "2000-01-01", "3000-01-01");#}
        {#    });#}
        //}
    </script>

    <script>
        document.getElementById('a_show_1').addEventListener('click', function () {
            document.getElementById('show_2').style.display = "none";
            document.getElementById('show_1').style.display = "block";
            document.getElementById('a_show_1').className = "tablebal level-one fl tabactive";
            document.getElementById('a_show_2').className = "tablebal level-one fl";
        });
        document.getElementById('a_show_2').addEventListener('click', function () {
            document.getElementById('show_1').style.display = "none";
            document.getElementById('show_2').style.display = "block";
            document.getElementById('a_show_2').className = "tablebal level-one fl tabactive";
            document.getElementById('a_show_1').className = "tablebal level-one fl";
        });
    </script>

    <script>
        var shape1 = document.getElementById('left');
        var shape2 = document.getElementById('search_right');
        var shape3 = document.getElementById('search_set');
        var shape4 = document.getElementById('result');
        var isMoved = false;
        var isMoved1 = false;

        function moveShapes() {
            if (isMoved) {
                shape1.style.display = 'block'
                shape2.style.display = 'none'
                shape3.style.display = 'none'
            } else {
                shape1.style.display = 'none'
                shape2.style.display = 'block'
                shape3.style.display = 'block'
            }
            isMoved = !isMoved;  // 切换状态
        }

        function moveshape1(m) {
            if (m === 1) {
                if (!isMoved1) {
                    shape4.style.display = 'block'
                    isMoved1 = !isMoved1
                }
            } else {
                shape4.style.display = 'none'
                isMoved1 = !isMoved1
            }
        }
    </script>

    <script>
        $('.dropdown-toggle').dropdown()
    </script>


    <style>/*去除百度地图版权*/

    .anchorBL {

        display: none;

    }

    </style>

</html>